<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/yiyuanguanli.css">
<link rel="stylesheet" href="./css/editinfo.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<body>
<div class="head">
  <span class="sp1">惠光健康</span>
  <p class="p1"><span class="sp2">用户名:</span><span>xxx</span><span class="sp3" data-bs-toggle="modal" data-bs-target="#exampleModal">退出</span><i class="s">&#xeb11;</i></p>
</div>
<div class="bian">
  <div class="nav">
    <ul class="ul1">
      <li><a href="index.html"><i class="i1">&#xe627;</i>机构管理</a></li>
      <li><a href="yiyuanguanli.html">医院管理</a></li>
      <li><a href="#"><i class="i1">&#xe604;</i>人员管理</a></li>
      <li><a href="yonghuguanli.html">用户管理</a></li>
      <li><a href="jiarenguanli.html">家人管理</a></li>
      <li><a href="dengluzhanghao.html">账号登录</a></li>
      <li><a href="#"><i class="i1">&#xe66b;</i>内容管理</a></li>
      <li><a href="zixunguanli.html">资讯管理</a></li>
      <li><a href="guanggaoguanli.html">广告管理</a></li>
      <li><a href="yemianguanli.html">页面管理</a></li>
      <li><a href="xiaoxiguanli.html"><i class="i1">&#xe8bd;</i>消息管理</a></li>
      <li><a href="banbenshengji.html"><i class="i1">&#xe78a;</i>版本升级</a></li>
      <li><a href="yonghufankui.html"><i class="i1">&#xe662;</i>用户反馈</a></li>
    </ul>
  </div>
  <div class="content">
    <div class="p2">
      <p><a href="#">首页</a><i>></i><a href="#">信息管理</a><i>></i><a href="#">资讯管理</a></p>
      <p>
        <button class="btns">返回</button>
      </p>
    </div>
    <div class="addinfo">
      <form action="" method="post">
        <p>
          <span>*分类:</span><select name="class">
          <option value="1">新兴卫生</option>
          <option value="2">慧光</option>
        </select>
        </p>
        <p><span>*标题:</span><input class="infotitle" type="text" name="infotitle" value="新兴卫生医疗系统完善"></p>
        <div class="img">
          <span>*缩略图:</span>
          <label for="file">+
            <img class="small_img" src="" alt="" height="100" width="100">
            <div class="del">
              删除
            </div>
          </label>
          <input type="file" id="file">
          <p class="dif">为了保证展示效果,建议图片尺寸100*84px</p>
        </div>
        <p>
          <span>资讯地址:</span>
          <input type="url" class="url" placeholder="请输入打开的页面地址" name="url">
        </p>
        <p><span>内容:</span>
          <textarea name="infocontent" id="" cols="30" rows="10"></textarea>
        </p>
        <p>
          <span>*是否显示</span>
          <select name="show">
            <option value="0">显示</option>
            <option value="1">不显示</option>
          </select>
        </p>
        <p><button type="submit">保存</button></p>
      </form>
    </div>  </div>
</div>
<!--    确认退出按钮 需要引入bootstrap的js css-->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">确认退出?</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <!--            <div class="modal-body">-->
      <!--                ...-->
      <!--            </div>-->
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">确认</button>
      </div>
    </div>
  </div>
</div>
<script src="./js/quanping.js"></script>
</body>
</html>